<template>
  <div class="relative-position">
    <a-loading v-if="!forums" :visible="loading" height="50vh"></a-loading>
    <div>
      <a-forum-list v-if="querySet" :forums="querySet" class="bg-white round-borders" :class="{'shadow-light': $q.screen.gt.md}"></a-forum-list>
      <a-pagination :page="page" :max="max"></a-pagination>
    </div>
  </div>
</template>

<script>
  import { querySetMixin } from '../../components/mixin/request'

  export default {
    name: 'pageAccountForums',
    mixins: [querySetMixin],
    props: {
    },
    data () {
      return {
        api: '/api/user/{id}/forums/'
      }
    },
    created () {
    },
    computed: {
      id () {
        return this.auth.id
      }
    },
    watch: {
    },
    methods: {
    }
  }
</script>

<style lang="stylus">

</style>
